﻿@model Campus.Entities.Grupo
               
    <div class="display-label">Actividad:</div>
    <div class="display-field">@(Model.Actividad == null ? "None" : Model.Actividad.Nombre)</div>
    <br />
    <div class="display-label">Nombre:</div>
    <div class="display-field">@Model.Nombre</div>

    <br />
    <ul class="nav nav-tabs">
            <li class="active"><a href="#Turnos" data-toggle="tab">Turnos</a></li>
            <li class=""><a href="#Profesores" data-toggle="tab">Profesores</a></li>
            <li class=""><a href="#Estudiantes" data-toggle="tab">Estudiantes</a></li>
        </ul>        
        <div class="tab-content">
            <div class="tab-pane active" id="Turnos">
              <fieldset>                                         
                  <div class="mytab">                                                                         
                            <table id="turnosTable" class="table table-bordered table-striped" style="width: 50%;">
                                <thead>
                                    <tr>
                                        <th>
                                            Dia
                                        </th>
                                        <th>Hora Inicio</th>
                                        <th>Hora Fin</th>
                                    </tr>
                                </thead>
                                
                                @if (Model != null && Model.Turnos != null)
                                {
                                    foreach (var item in Model.Turnos)
                                    {
                                        <tr>
                                            <td>@item.DiaDeLaSemana.Nombre</td>
                                            <td>@item.HoraInicio.ToShortTimeString()</td>
                                            <td>@item.HoraFin.ToShortTimeString()</td>
                                        </tr>                                        
                                    }
                                }
                            </table>
                        </div>
              </fieldset>                  
            </div>

            <div class="tab-pane" id="Profesores">
                <fieldset>
                   
                        <div class="mytab">
                            <input type="hidden" id="maxIndexProfesor" name="maxIndexProfesor" value="0" />                                                                                    
                            <table id="profesoresTable" class="table table-bordered table-striped" style="width: 50%;">
                                <thead>
                                    <tr>
                                        <th>
                                        Apellido
                                        </th>
                                        <th>
                                         Nombre
                                        </th>
                                    </tr>
                                </thead>                              
                                @foreach (var item in Model.Profesores)
                                {                                                                               
                                        <tr>
                                            <td>@item.Apellido</td>
                                            <td>@item.Nombre</td>                                            
                                        </tr>                                                                                                                       
                                }
                            </table>
                        </div>
                    
                </fieldset>
            </div>

              <div class="tab-pane" id="Estudiantes">
                <fieldset>                   
                        <div class="mytab"> 
                        <input type="hidden" id="maxIndexEstudiante" name="maxIndexEstudiante" value="0" />                                                
                            <table id="estudiantesTable" class="table table-bordered table-striped" style="width: 50%;">
                                <thead>
                                    <tr>
                                        <th>
                                         Apellido
                                        </th>
                                        <th>
                                         Nombre
                                        </th>
                                    </tr>
                                </thead>                              
                                @foreach (var item in Model.Estudiantes)
                                {       
                                        <tr>
                                            <td>@item.Apellido</td>
                                            <td>@item.Nombre</td>                                            
                                        </tr>                                        
                                }
                            </table>
                        </div>
                    
                </fieldset>
            </div>
        </div>            
